<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>拉勾App</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/home.css">
</head>

<body>

    <div class="wrap">
        <!-- 头部 start -->
        <div class="header">
            <form action="" class="search">
                <input type="text" placeholder="搜索职位/公司/商区" class="txt">
                <span class="iconfont icon-magnifier"></span>
            </form>
            <i class="iconfont icon-saoyisao"></i>
        </div>
        <!-- 头部 end -->
        <!-- 主体内容 start -->
        <div class="main">
            <!-- banner start -->
            <div class="banner">
                <a href="#">
                    <img src="./images/banner.jpg" alt="">
                </a>
            </div>
            <!-- banner end -->
            <!-- nav start -->
            <div class="nav">
                <a href="#">
                    <em>
                        <i class="iconfont icon-icon-"></i>
                    </em>
                    <span>日常任务</span>
                </a>
                <a href="#">
                    <em>
                        <i class="iconfont icon-icon-"></i>
                    </em>
                    <span>日常任务</span>
                </a>
                <a href="#">
                    <em>
                        <i class="iconfont icon-icon-"></i>
                    </em>
                    <span>日常任务</span>
                </a>
                <a href="#">
                    <em>
                        <i class="iconfont icon-icon-"></i>
                    </em>
                    <span>日常任务</span>
                </a>
            </div>
            <!-- nav end -->
            <!-- post start -->
            <div class="post">
                <h2 class="post-title">- 为你推荐的好职位 -</h2>
                <div class="section">
                    <p class="post-name">
                        <strong class="name">前端开发工程师</strong>
                        <strong class="salary">10-20K</strong>
                    </p>
                    <p class="post-address">
                        <span>北京 | 大望路 | 应届毕业生 | 硕士</span>
                        <span>06月06日</span>
                    </p>
                    <p class="post-tag">
                        <span>金融</span>
                        <span>前端开发</span>
                        <span>HTML5</span>
                        <span>平台/后台</span>
                        <span>C++</span>
                    </p>
                    <div class="case">
                        <div class="img-box">
                            <img src="./images/logo.jpg" alt="">
                        </div>
                        <div class="text-box">
                            <p>宜信</p>
                            <span>上市公司 | 2000人以上 | 移动互联网，金融</span>
                        </div>
                    </div>
                </div>
                <div class="section">
                    <p class="post-name">
                        <strong class="name">前端开发工程师</strong>
                        <strong class="salary">10-20K</strong>
                    </p>
                    <p class="post-address">
                        <span>北京 | 大望路 | 应届毕业生 | 硕士</span>
                        <span>06月06日</span>
                    </p>
                    <p class="post-tag">
                        <span>金融</span>
                        <span>前端开发</span>
                        <span>HTML5</span>
                        <span>平台/后台</span>
                        <span>C++</span>
                    </p>
                    <div class="case">
                        <div class="img-box">
                            <img src="./images/logo.jpg" alt="">
                        </div>
                        <div class="text-box">
                            <p>宜信</p>
                            <span>上市公司 | 2000人以上 | 移动互联网，金融</span>
                        </div>
                    </div>
                </div>
                <div class="section">
                    <p class="post-name">
                        <strong class="name">前端开发工程师</strong>
                        <strong class="salary">10-20K</strong>
                    </p>
                    <p class="post-address">
                        <span>北京 | 大望路 | 应届毕业生 | 硕士</span>
                        <span>06月06日</span>
                    </p>
                    <p class="post-tag">
                        <span>金融</span>
                        <span>前端开发</span>
                        <span>HTML5</span>
                        <span>平台/后台</span>
                        <span>C++</span>
                    </p>
                    <div class="case">
                        <div class="img-box">
                            <img src="./images/logo.jpg" alt="">
                        </div>
                        <div class="text-box">
                            <p>宜信</p>
                            <span>上市公司 | 2000人以上 | 移动互联网，金融</span>
                        </div>
                    </div>
                </div>
                <div class="section">
                    <p class="post-name">
                        <strong class="name">前端开发工程师</strong>
                        <strong class="salary">10-20K</strong>
                    </p>
                    <p class="post-address">
                        <span>北京 | 大望路 | 应届毕业生 | 硕士</span>
                        <span>06月06日</span>
                    </p>
                    <p class="post-tag">
                        <span>金融</span>
                        <span>前端开发</span>
                        <span>HTML5</span>
                        <span>平台/后台</span>
                        <span>C++</span>
                    </p>
                    <div class="case">
                        <div class="img-box">
                            <img src="./images/logo.jpg" alt="">
                        </div>
                        <div class="text-box">
                            <p>宜信</p>
                            <span>上市公司 | 2000人以上 | 移动互联网，金融</span>
                        </div>
                    </div>
                </div>
                <div class="section">
                    <p class="post-name">
                        <strong class="name">前端开发工程师</strong>
                        <strong class="salary">10-20K</strong>
                    </p>
                    <p class="post-address">
                        <span>北京 | 大望路 | 应届毕业生 | 硕士</span>
                        <span>06月06日</span>
                    </p>
                    <p class="post-tag">
                        <span>金融</span>
                        <span>前端开发</span>
                        <span>HTML5</span>
                        <span>平台/后台</span>
                        <span>C++</span>
                    </p>
                    <div class="case">
                        <div class="img-box">
                            <img src="./images/logo.jpg" alt="">
                        </div>
                        <div class="text-box">
                            <p>宜信</p>
                            <span>上市公司 | 2000人以上 | 移动互联网，金融</span>
                        </div>
                    </div>
                </div>
                <div class="section">
                    <p class="post-name">
                        <strong class="name">前端开发工程师</strong>
                        <strong class="salary">10-20K</strong>
                    </p>
                    <p class="post-address">
                        <span>北京 | 大望路 | 应届毕业生 | 硕士</span>
                        <span>06月06日</span>
                    </p>
                    <p class="post-tag">
                        <span>金融</span>
                        <span>前端开发</span>
                        <span>HTML5</span>
                        <span>平台/后台</span>
                        <span>C++</span>
                    </p>
                    <div class="case">
                        <div class="img-box">
                            <img src="./images/logo.jpg" alt="">
                        </div>
                        <div class="text-box">
                            <p>宜信</p>
                            <span>上市公司 | 2000人以上 | 移动互联网，金融</span>
                        </div>
                    </div>
                </div>
                <div class="section">
                    <p class="post-name">
                        <strong class="name">前端开发工程师</strong>
                        <strong class="salary">10-20K</strong>
                    </p>
                    <p class="post-address">
                        <span>北京 | 大望路 | 应届毕业生 | 硕士</span>
                        <span>06月06日</span>
                    </p>
                    <p class="post-tag">
                        <span>金融</span>
                        <span>前端开发</span>
                        <span>HTML5</span>
                        <span>平台/后台</span>
                        <span>C++</span>
                    </p>
                    <div class="case">
                        <div class="img-box">
                            <img src="./images/logo.jpg" alt="">
                        </div>
                        <div class="text-box">
                            <p>宜信</p>
                            <span>上市公司 | 2000人以上 | 移动互联网，金融</span>
                        </div>
                    </div>
                </div>
                <div class="section">
                    <p class="post-name">
                        <strong class="name">前端开发工程师</strong>
                        <strong class="salary">10-20K</strong>
                    </p>
                    <p class="post-address">
                        <span>北京 | 大望路 | 应届毕业生 | 硕士</span>
                        <span>06月06日</span>
                    </p>
                    <p class="post-tag">
                        <span>金融</span>
                        <span>前端开发</span>
                        <span>HTML5</span>
                        <span>平台/后台</span>
                        <span>C++</span>
                    </p>
                    <div class="case">
                        <div class="img-box">
                            <img src="./images/logo.jpg" alt="">
                        </div>
                        <div class="text-box">
                            <p>宜信</p>
                            <span>上市公司 | 2000人以上 | 移动互联网，金融</span>
                        </div>
                    </div>
                </div>
                <div class="section">
                    <p class="post-name">
                        <strong class="name">前端开发工程师</strong>
                        <strong class="salary">10-20K</strong>
                    </p>
                    <p class="post-address">
                        <span>北京 | 大望路 | 应届毕业生 | 硕士</span>
                        <span>06月06日</span>
                    </p>
                    <p class="post-tag">
                        <span>金融</span>
                        <span>前端开发</span>
                        <span>HTML5</span>
                        <span>平台/后台</span>
                        <span>C++</span>
                    </p>
                    <div class="case">
                        <div class="img-box">
                            <img src="./images/logo.jpg" alt="">
                        </div>
                        <div class="text-box">
                            <p>宜信</p>
                            <span>上市公司 | 2000人以上 | 移动互联网，金融</span>
                        </div>
                    </div>
                </div>
                <div class="section">
                    <p class="post-name">
                        <strong class="name">前端开发工程师</strong>
                        <strong class="salary">10-20K</strong>
                    </p>
                    <p class="post-address">
                        <span>北京 | 大望路 | 应届毕业生 | 硕士</span>
                        <span>06月06日</span>
                    </p>
                    <p class="post-tag">
                        <span>金融</span>
                        <span>前端开发</span>
                        <span>HTML5</span>
                        <span>平台/后台</span>
                        <span>C++</span>
                    </p>
                    <div class="case">
                        <div class="img-box">
                            <img src="./images/logo.jpg" alt="">
                        </div>
                        <div class="text-box">
                            <p>宜信</p>
                            <span>上市公司 | 2000人以上 | 移动互联网，金融</span>
                        </div>
                    </div>
                </div>
            </div>
            <!-- post end -->
        </div>
        <!-- 主体内容 end -->
        <!-- tabbar start -->
        <div class="footer">
            <p class="active"><i class="iconfont icon-shouye"></i><span>首页</span></p>
            <p><i class="iconfont icon-shouye"></i><span>首页</span></p>
            <p><i class="iconfont icon-shouye"></i><span>首页</span></p>
            <p><i class="iconfont icon-shouye"></i><span>首页</span></p>
        </div>
        <!-- tabbar end -->
    </div>

    <!-- 适配 -->
    <script src="./js/adapter.js"></script>
</body>

</html>